import React from 'react';
import MHeader from './m_header';
import MFooter from './m_footer';
import {Tabs,Carousel} from 'antd';
const TabPane=Tabs.TabPane;
import MList from './m_list';
import MListPullRefresh from './m_list_pull_refresh';

export default class MIndex extends React.Component {
	render() {
		const settings = {
			dots: true,
			infinite: true,
			speed: 500,
			slidesToShow: 1,
			autoplay: true
		};
		return (
			<div>
			  <MHeader></MHeader>
			  <Tabs>
			  <TabPane tab="头条" key="1">
			  	<div class="carousel">
					<Carousel {...settings}>
						<div><img src="./src/images/carousel_1.jpg"/></div>
						<div><img src="./src/images/carousel_2.jpg"/></div>
						<div><img src="./src/images/carousel_3.jpg"/></div>
						<div><img src="./src/images/carousel_4.jpg"/></div>
					</Carousel>
				</div>
			  	    <MList count={5} type="top"/>
				</TabPane>
				<TabPane tab="社会" key="2">
				  	<MListPullRefresh count={5} type="shehui"/>
				</TabPane>
			  	<TabPane tab="国内" key="3">
					<MList count={5} type="guonei"/>
				</TabPane>
				<TabPane tab="国际" key="4">
					<MList count={5} type="guoji"/>
				</TabPane>
				<TabPane tab="娱乐" key="5">
					<MList count={5} type="yule"/>
				</TabPane>
			  </Tabs>
			  <MFooter></MFooter>
			</div>
		)
	}
}